.exhibition-box {
  height: 10.42rem;
  border-radius: .12rem;
}

.exhibition-box .card {
  display: block;
  width: 6.89rem;
  height: 4.89rem;
  background: #1b1b1b;
  border: none;
  margin: 0 auto;
  flex-shrink: 0;
}

.exhibition-box .card .image {
  width: 100%;
  display: block;
  border-radius: .12rem;
}

.exhibition-box .card .cardbottom {
  height: 1.51rem;
  padding: 0 .2rem;
  position: relative;
  transform: translateY(-0.16rem);
}

.exhibition-box .card .title {
  line-height: .46rem;
  margin-top: .12rem;
}

.exhibition-box .card .button {
  width: .92rem;
  height: .46rem;
  padding: 0;
  font-size: .22rem;
  color: white;
  background: #415f7b;
  border: none;
  border-radius: 50px 0 0 50px;
  position: absolute;
  right: 0;
  top: 0.525rem;
}

.exhibition-box .card:nth-child(2) {
  width: 4.23rem;
  height: 5.55rem;
  transform: translateX(0.11rem);
}

.exhibition-box .card:nth-child(2) .button {
  display: none;
}

.exhibition-box .card:nth-child(3) {
  width: 2.46rem;
  height: 5.55rem;
  transform: translateX(-0.11rem);
}

.exhibition-box .card:nth-child(3) .button {
  display: none;
}

.exhibition-box .card:nth-child(2) .cardbottom, .exhibition-box .card:nth-child(3) .cardbottom {
  height: 1.26rem;
}

.exhibition-box .card:nth-child(2) span, .exhibition-box .card:nth-child(3) span {
  display: none;
}
